<template>
	<div class="notice_box">
        <p class="close" @click="close"><u-icon name="close" color="#999999" size="20"></u-icon></p>
        <p class="title">系统提示</p>
        <p class="text">您的账号未激活，暂不能使用此功能。</p>
        <div class="anniu_box">
            <p @click="close(true)">去激活</p>
            <p @click="close(false)">取消</p>
        </div>
    </div>
</template>

<script>
	export default {
        options: {
            styleIsolation: 'shared'
        },
		data() {
			return {
			}
		},
		methods: {
			
            close(state){
                this.$emit('close',state)
            }
		},
        mounted(){
            console.log('111')
        },
        onLoad() {
		},
		onShow(){
            console.log('222')
        }
	}
</script>

<style lang="scss" scoped>
    @mixin content-flex($pitch) {
		display: flex;
		align-items: center;
		justify-content:  $pitch;
	}
	.notice_box{
        width: 580rpx;
        border-radius: 20rpx;
        padding:0 30rpx 30rpx 30rpx;
        background: linear-gradient(180deg, #D3F6D9 0%, #FFFFFF 36%);
        .close{
            display: flex;
            justify-content: flex-end;
            padding-top:24rpx;
        }
        .title{
            font-size: 40rpx;
            font-weight: 500;
            color:#333;
            margin:0 0 32rpx 0;
        }
        .text{
            font-size: 30rpx;
            color: #333333;
            line-height: 56rpx;
        }
        .anniu_box{
            display: flex;
            justify-content: space-between;
            margin-top:60rpx;
            p{
                width: 47%;
                height: 48px;
                line-height: 48px;
                border-radius: 50px;
                background: #08961F;
                text-align: center;
                font-size: 32rpx;
                font-weight: 500;
                color:#fff;
                border:1px solid transparent;
                &:last-child{
                    border-color: #08961F;
                    color:#08961F;
                    background: none;
                }
            }
        }
    }
</style>
